<template>
	<view class="content"><joMarkdown :nodes="markdownData"></joMarkdown></view>
</template>

<script>
import joMarkdown from '@/components/jo-markdown/decode.vue';
import markdownFunc from '@/components/jo-markdown/index.js';
export default {
	components: {
		joMarkdown
	},
	data() {
		return {
			markdownData: {}
		};
	},
	onLoad() {
		this.markdownData = markdownFunc(markdown, 'markdown');
	},
	methods: {}
};
const markdown = `
## 测试呈现markdown
>借用了CSDN的呈现来试试、代码样式引入会冲突，这里我就去掉了

## 如何改变文本的样式

*强调文本* _强调文本_

**加粗文本** __加粗文本__

==标记文本==

~~删除文本~~

> 引用文本

H~2~O is是液体。

2^10^ 运算结果是 1024.

## emoji 8-)

>  :wink:  :cry:  :laughing: :yum: :-) :-( 8-) ;)

(c) (C) (r) (R) (tm) (TM) (p) (P) +-


## Blockquotes

> Blockquotes can also be nested...
>> ...by using additional greater-than signs right next to each other...
> > > ...or with spaces between arrows.

## 生成一个适合你的列表

- 项目
  - 项目
    - 项目

1. 项目1
2. 项目2
3. 项目3

- [ ] 计划任务
- [x] 完成任务

## 如何创建一个注脚

一个具有注脚的文本。[^2]

[^2]: 注脚的解释

##  注释也是必不可少的

Markdown将文本转换为 HTML。

*[HTML]:   超文本标记语言


## 插入链接与图片、视频

链接: [link](https://www.csdn.net/).

图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw)

视频
<video class="vidoe" src="https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/360e4b20-4f4b-11eb-8a36-ebb87efcf8c0.mp4">视频</video>



## 公式
$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$ 演示。公式单引号演示''$。LaTeX是一种基于TeX的文档排版系统,把大片排版的格式细节隐藏在若干样式之后，以内容的逻辑结构统帅纷繁的格式，遂成为现在最流行的科技写作——尤其是数学写作的工具之一。



$$
x=a_0 + rac {1^2}{a_1 + rac {2^2}{a_2 + rac {3^2}{a_3 + rac {4^2}{a_4 + ...}}}}
$$


$$
\\frac {35}{48} \\div 7 = \\frac{①\\div 2️⃣}{ 3️⃣} = \\frac {㈣}{5}
$$

$\\frac {35}{48} \\div 7 = \\frac{①\\div 2️⃣}{ 3️⃣} = \\frac {㈣}{5}$


$x^2 y^{x+1} \quad x_2 y_{y+1}$ $\frac{a+b}{c+d}$　
或　
$1\over 3$ $\sqrt{x^3}$　


## 化学公式

- 19^th^
- H~2~O


## KaTeX数学公式

您可以使用渲染LaTeX数学表达式 [KaTeX](https://khan.github.io/KaTeX/):

Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall
n\in\mathbb N$ 是通过欧拉积分

$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$

> 你可以找到更多关于的信息 **LaTeX** 数学表达式[here][1].
`;
</script>

<style>
page {
	background-color: #ffffff;
}
.content {
	margin: 30rpx;
}
</style>
